<!DOCTYPE html>
<html lang="en">
<head>
    <title></title>
    <link rel="stylesheet" href="/guanglianstatic/css/introduction.css"/>
    <script src="/guanglianstatic/base/baseCss.js"></script>
    <link rel="stylesheet" href="/guanglianstatic/css/social.css"/>
    <link rel="stylesheet" href="/layuiadmin/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="/guanglianstatic/css/selectFilter.css"/>
    <style>
        a.details-but:hover {
            color: #fff;
        }

        .input-data {
            padding: 5px 15px;
            font-size: 18px;
        }

        .form-title-item {
            font-size: 18px;
            color: #6d6d6d;
            margin-bottom: 10px;
        }

        .resume-data {
            width: 100%;
            color: #fff;
            font-size: 18px;
            border: 0;
        }

        .el-input__inner::-webkit-input-placeholder {
            color: #999999;
            font-size: 18px;
        }

        .el-input__inner:-ms-input-placeholder, .el-input__inner::-ms-input-placeholder {
            color: #999999;
            font-size: 18px;
        }

        .el-input__inner::placeholder {
            color: #999999;
            font-size: 18px;
        }

        .layui-layer-content{
            padding: 20px;
        }

    </style>
</head>
<body class="shelley-zh-CN shelley-pc">
<!--导航条-->
<nav id="site-header" class="dui-navbar site-header collapsed"></nav>

<!--选择条-->
<section class="navbar-category-wrap">
    <div class="header-item">
        <div class="header-auto">
            <div class="header-en">GL-SHARES</div>
        </div>
    </div>
    <div class="introduction-nav">
        <div class="introduction-nav-wrap">
            <ul class="introduction-navbar-category" style="margin-bottom: 0;">
                <li data-load-lazyr="false" class="introduction-category-item category-tag-item">
                    <a href="/campusRecruiting?title=校招" target="_self" >招贤纳士</a>
                </li>
                <li data-load-lazyr="false" class="introduction-category-item">
                    <a href="/recruitmentAd" target="_self" class="tag-item">招聘公告</a>
                </li>
            </ul>
            <ul class="introduction-navbar-category" style="margin-bottom: 0;">
                <li data-load-lazyr="false" class="introduction-category-item">
                    <a href="/campusRecruiting?title=校招" target="_self">校园招聘</a>
                </li>
                <li data-load-lazyr="false" class="introduction-category-item">
                    <a href="/campusRecruiting?title=社招" target="_self">社会招聘</a>
                </li>
                <li data-load-lazyr="false" class="introduction-category-item">
                    <a href="/recruitmentAd" target="_self">招聘公告</a>
                </li>
                <li data-load-lazyr="false" class="introduction-category-item">
                    <a href="/growth" target="_self">成长发展</a>
                </li>
            </ul>

        </div>
    </div>
</section>

<section class="details-warp" style="margin-top: 80px;padding-bottom: 100px;">
    <input type="hidden" name="type" value="<%=data.type%>"/>
    <input type="hidden" name="id" value="<%=data.id%>"/>
    <input type="hidden" name="recruitmentName" value="<%=data.name%>"/>
    <div class="introduce-title" style="padding-left: 20px;width: 1400px;">
        <section class="homepage-child-module" style="margin-top: 40px;">

            <div style="border-bottom: 1px solid #d7d7d7;">
                <div class="details-title"><%=data.name%></div>
                <ul class="details-mag">
                    <li class="details-mag-item">招聘部门：<%=data.position_type%></li>
                    <li class="details-mag-item">工作城市：<%=data.city%></li>
                    <li class="details-mag-item">更新时间：<%=date%></li>
                </ul>
            </div>
        </section>

        <section class="homepage-child-module" style="margin-top: 40px;">

            <div style="border-bottom: 1px solid #d7d7d7;">
                <div class="details-title">福利保障</div>
                <ul class="details-mag">
                    <li class="details-mag-item details-ga-data">工作餐</li>
                    <li class="details-mag-item details-ga-data">公费旅游</li>
                    <li class="details-mag-item details-ga-data">社会保险</li>
                    <li class="details-mag-item details-ga-data">五险一金</li>
                </ul>
            </div>


        </section>

        <section class="homepage-child-module" style="margin-top: 40px;">
            <div style="color: #6d6d6d;"><%-data.content%></div>

            <div class="details-but-item">
                <a class="details-but apply">立即申请</a>
            </div>
        </section>

        <section class="homepage-child-module apply-data" style="margin-top: 80px;">
            <div class="details-title" style="border-bottom: 1px solid #d7d7d7;">填写申请表格</div>
            <div class="details-form">
                <ul>
                    <li class="details-form-item">
                        <div class="form-title-item">姓名</div>
                        <input type="text" placeholder="请输入姓名" name="name" class="el-input__inner input-data">
                    </li>
                    <li class="details-form-item">
                        <div class="form-title-item">性别</div>
                        <div class="filter-box sex">
                            <div class="filter-text">
                                <input class="filter-title el-input__inner" type="text" readonly placeholder="请选择性别"/>
                                <i class="icon icon-filter-arrow"></i>
                            </div>
                            <select name="filter">
                                <option value="男">男</option>
                                <option value="女">女</option>
                            </select>
                        </div>
                    </li>
                    <li class="details-form-item">
                        <div class="form-title-item">婚姻</div>
                        <div class="filter-box marriage">
                            <div class="filter-text">
                                <input class="filter-title el-input__inner" type="text" readonly placeholder="请选择婚姻"/>
                                <i class="icon icon-filter-arrow"></i>
                            </div>
                            <select name="filter">
                                <option value="未婚">未婚</option>
                                <option value="已婚">已婚</option>
                            </select>
                        </div>
                    </li>
                    <li class="details-form-item">
                        <div class="form-title-item">E-mai</div>
                        <input type="text" placeholder="请输入E-mai" name="mail" class="el-input__inner input-data">
                    </li>
                    <li class="details-form-item">
                        <div class="form-title-item">政治面貌</div>
                        <div class="filter-box political">
                            <div class="filter-text">
                                <input class="filter-title el-input__inner" type="text" readonly placeholder="请选择政治面貌"/>
                                <i class="icon icon-filter-arrow"></i>
                            </div>
                            <select name="filter">
                                <option value="群众">群众</option>
                                <option value="共青团员">共青团员</option>
                                <option value="中共党员">中共党员</option>
                            </select>
                        </div>
                    </li>
                    <li class="details-form-item">
                        <div class="form-title-item">籍贯</div>
                        <input type="text" placeholder="请输入籍贯" name="hometown" class="el-input__inner input-data">
                    </li>
                    <li class="details-form-item">
                        <div class="form-title-item">文化程度</div>
                        <div class="filter-box education">
                            <div class="filter-text">
                                <input class="filter-title el-input__inner" type="text" readonly placeholder="请选择文化程度"/>
                                <i class="icon icon-filter-arrow"></i>
                            </div>
                            <select name="filter">
                                <option value="初中及以下">初中及以下</option>
                                <option value="中专/中技">中专/中技</option>
                                <option value="高中">高中</option>
                                <option value="大专">大专</option>
                                <option value="本科">本科</option>
                                <option value="硕士">硕士</option>
                                <option value="博士">博士</option>
                            </select>
                        </div>
                    </li>
                    <li class="details-form-item">
                        <div class="form-title-item">毕业学校</div>
                        <input type="text" placeholder="请输入毕业学校" name="school" class="el-input__inner input-data">
                    </li>
                    <li class="details-form-item">
                        <div class="form-title-item">专业</div>
                        <input type="text" placeholder="请输入专业" name="professional" class="el-input__inner input-data">
                    </li>
                    <li class="details-form-item">
                        <div class="form-title-item">毕业时间</div>
                        <input type="text" placeholder="请输入毕业时间" name="date" class="el-input__inner input-data">
                    </li>
                    <li class="details-form-item">
                        <div class="form-title-item">外语水平</div>
                        <input type="text" placeholder="请输入外语水平" name="language" class="el-input__inner input-data">
                    </li>
                    <li class="details-form-item">
                        <div class="form-title-item">联系电话</div>
                        <input type="text" maxlength="11" placeholder="请输入联系电话" name="phone"
                               class="el-input__inner input-data">
                    </li>
                </ul>
            </div>

            <div class="details-title" style="border-bottom: 1px solid #d7d7d7;">简历上传</div>
            <div class="resume-warp">
                <div class="layui-form" lay-filter="">
                    <div class="layui-form-item resume-btn-item">
                        <div class="layui-input-inline layui-btn-container" style="width: 100%;">
                            <button type="button" class="layui-btn layui-btn-primary resume-data" id="LAY_avatarUpload">
                                简历上传
                            </button>
                        </div>
                    </div>
                </div>
                <div class="file-name">
                    <a class="resume-file">未选择任何文件</a>
                    <div class="file-tag">请上传dox、docx、zip、pdf格式的文件，文件要小于2M</div>
                </div>
            </div>

            <div class="details-but-item" style="margin-top: 60px;">
                <a class="details-but" id="submitBtn">提交申请</a>
            </div>
        </section>
    </div>
</section>


<!--底部-->
<footer id="site-footer" class="site-footer dji-edit-module"></footer>


<script src="/guanglianstatic/base/base.js"></script>
<script type="text/javascript" src="/layuiadmin/layui/layui.js"></script>
<script type="text/javascript" src="/guanglianstatic/js/selectFilter.js"></script>
<script type="text/javascript" src="/guanglianstatic/js/recruitmentDetails.js"></script>
</body>
</html>